<template>
  <div class="index-wrapper">
    <Search></Search>
    <Swiper></Swiper>
    <Grid></Grid>
    <Tab></Tab>
  </div>
</template>

<script>
import Search from "./Search";
import Swiper from "./Swiper";
import Grid from "./Grid";
import Tab from "./Tab";
import BetterScroll from "better-scroll";
export default {
  components: {
    Search,
    Swiper,
    Grid,
    Tab,
  },
  async mounted() {
    

    await this.$nextTick()
    setTimeout(() => {
    new BetterScroll("main", { click: true });
    },500);
  },
};
</script>

<style lang="stylus" scoped></style>